<template>
  <div class="mars3d-box">
    <!-- 三维场景容器 -->
    <div id="mars3dContainer" class="mars3d-container"></div> 
  </div>
</template>

<script>
import * as mapWork from './mapconfig.js'

export default {
  name: 'Mars3dDemo',
  data(){
    return {}
  },
  mounted(){
   this.map=mapWork.initMapInstance('mars3dContainer')
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.mars3d-box{
 height: 100%;
 width: 100%;
}
</style>>
